<div class="client-detail client-detail-hook client-detail-rental">
    <div class="title noprint">当前位置：租单管理&nbsp;->&nbsp;托盘租赁&nbsp;->&nbsp;<span class="active">订单详情</span>
    </div>
    <div class="order_operation_btn noprint" id="operation_btn">
        <%if(checkAuthority('pallet-lease-print')){%>
          <button class="primary_btn" @click.stop="printOrder()" id="printOrder">订单打印</button>
        <%}%>
        <%if(checkAuthority('pallet-lease-export')){%>
        <button class="primary_btn" @click.stop="exportOrder()" id="exportOrder">订单导出</button>
        <%}%>
        <button  class="primary_btn" @click.stop="editOrder()" style="display: none" id="editOrder">修改订单</button>
        <button  class="primary_btn" @click.stop="reviewOrder()" style="display: none" id="reviewOrder">订单审核</button>
        <%if(checkAuthority('pallet-lease-change-record')){%>
        <button class="primary_btn" @click.stop="changeOrder()"  id="changeOrder">订单变更记录</button>
        <%}%>
        <button class="primary_btn" @click.stop="cancleOrder()" id="cancleOrder" style="display: none">废弃订单</button>
        <button class="primary_btn" @click.stop="recoverOrder()" id="recoverOrder" style="display: none">恢复订单</button>
        <button  class="primary_btn" @click.stop="sureOrder()" style="display: none" id="sureOrder">确认收板</button>
        <button  class="primary_btn" @click.stop="bindOrder()" style="display: none" id="bindOrder">绑定生产单</button>
        <%if(checkAuthority('pallet-lease-off-bind')){%>
           <button  class="primary_btn" @click.stop="offOrder()" id="offOrder" style="display: none">解除绑定</button>
        <%}%>
      <button class="primary_btn"  @click.stop="contractManagement()" id="contractManagement" style="display: none">合同扫描件管理</button>
        <button class="primary_btn fr" @click.stop="cancleBack()">返回</button>
    </div>
    <div class="inner-wrapper">
        <input type="hidden" value="<%=staticServer%>" id="staticServer">
        <ul class="detail_contain">
            <li>
                <h3>订单信息</h3>
                <ol class="detail_list">
                    <li>
                        <p><span>订单号：</span><i v-text="account.orderNo"></i></p>
                        <p><span>确认状态：</span><i v-text="account.orderStatusValue"></i></p>
                        <p><span>操作员：</span><i v-text="account.placeOrderUser"></i></p>
                        <b v-text="account.firstSingle"></b>
                    </li>
                    <li>
                        <p><span>承租客户：</span><i v-text="account.customerName"></i></p>
                        <p><span>客户地址：</span><i v-text="account.customerAddress"></i></p>
                        <p><span>联系电话：</span><i v-text="account.customerPhone"></i></p>
                    </li>
                    <li>
                        <p><span>出租单位：</span><i v-text="account.companyName"></i></p>
                        <p><span>单位地址：</span><i  v-text="account.companyAddress"></i></p>
                        <p><span>联系电话：</span><i  v-text="account.companyPhone"></i></p>
                    </li>
                    <li>
                        <p><span>租期：</span><i  v-text="account.rentTime"></i></p>
                        <p><span>租赁类型：</span><i v-text="account.leaseType"></i></p>
                        <p><span>出货网点：</span><i  v-text="account.storageName"></i></p>
                    </li>
                    <li v-cloak>
                        <p v-if="Isshow"><span>取货方式：</span><i v-text="account.pickupMode" id="pickupMode"></i></p>
                        <p v-else><span>取货方式：</span>
                            <select name="" class="form-select w120" v-model="account.pickupMode" v-cloak>
                                <option v-for="(type,index) in pickupMode" :value="type.name" v-text="type.name"></option>
                            </select>
                        </p>
                        <div id="rental-map"></div>
                        <p><span>取货地址：</span><input type="text" v-model="account.pickupAddress1" readonly class="no_border" id="pickupAddress" style="width:260px;margin: 0;padding: 0;"></p>
                        <input type="hidden" name="pickupAddress"  v-model="account.pickupAddress" >
                        <ul class="address_list" id="pickupAddress_list">
                            <!--  <li v-for="item in list" @click="addressSelected(item)">{{item.address}}</li>-->
                        </ul>
                        <p id="paymentFlag"><span>打款标志：</span>
                            <select name="" id="" class="form-select w120" v-model="account.paymentFlag">
                                <option v-for="(type,index) in paymentFlag" :value="type.id" v-text="type.name"></option>
                            </select>
                        </p>
                    </li>
                </ol>
            </li>
            <li>
                <div class="rent_info noline">
                    <ol class="detail_list">
                        <li>
                            <h4>塑料托盘</h4>
                            <p style="width: 23%"><span>数量：</span><input type="text" readonly v-model="account.palletTypesNum" class="input_xs no_border" name="palletTypesNum" @change.stop="changeVal" style="text-align: left"></p>
                            <p ><span>租金：</span><i v-cloak>{{palletTypesRentMoney | formatPrice}}</i></p>
                            <p ><span>保证金：</span><i v-cloak>{{palletTypesCautionMoney | formatPrice}}</i></p>
                        </li>
                       <!-- <li>
                            <h4>木质托盘</h4>
                            <p><span>数量：</span><i  v-text="account.palletTypemNum"></i></p>
                            <p ><span>租金：</span><i v-cloak>{{palletTypemRentMoney | formatPrice}}</i></p>
                            <p><span>保证金：</span><i v-cloak>{{palletTypemCautionMoney | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>压模托盘</h4>
                            <p><span>数量：</span><i  v-text="account.palletTypeyNum"></i></p>
                            <p ><span>租金：</span><i v-cloak>{{palletTypeyRentMoney | formatPrice}}</i></p>
                            <p ><span>保证金：</span><i v-cloak>{{palletTypeyCautionMoney | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>其他托盘</h4>
                            <p ><span>数量：</span><i  v-text="account.palletTypeqNum"></i></p>
                            <p ><span>租金：</span><i v-cloak>{{palletTypeqRentMoney | formatPrice}}</i></p>
                            <p ><span>保证金：</span><i v-cloak>{{palletTypeqCautionMoney | formatPrice}}</i></p>
                        </li>-->
                    </ol>
                </div>
                <div class="price_info">
                    <ol class="detail_list">
                        <li v-cloak>
                            <h4 v-if="Isshow">费用预估</h4>
                            <h4 class="diy_btn" @click.stop="priceReview" id="priceReview" v-else>费用预估</h4>
                        </li>
                        <li v-cloak>
                            <span>费用总计：</span>
                            <p v-cloak>{{totalCosts | formatPrice}}</p>
                        </li>
                    </ol>
                </div>
            </li>
            <li>
                <div class="rent_info time_info noline" style="width: 100%;">
                    <ol class="detail_list">
                        <li v-cloak>
                            <h4>租赁时间</h4>
                            <p v-text="account.rentRange" id="rentRange" v-if="Isshow"></p>
                            <div class="form_group" id="editRentRange" v-else>
                                <label></label>
                                <div class="date_group">
                                    <input  type="text" id="datetimeStart" name="leaseStartDate" v-model="account.leaseStartDate" @click.change="editStartTime"/>
                                    <span class="add-on"></span>
                                </div>
                                <label class="time_label">至</label>
                                <div class="date_group">
                                    <input type="text" id="datetimeEnd"  readonly v-model="account.leaseEndDate" name="leaseEndDate"/>
                                    <span class="add-on"></span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h4>下单时间</h4>
                            <p v-text="account.placeOrderTime"></p>
                        </li>
                        <li>
                            <h4>确认时间</h4>
                            <p v-text="account.confirmTime"></p>
                        </li>
                        <li>
                            <h4>收货时间</h4>
                            <p v-text="account.receiveTime"></p>
                        </li>
                        <li>
                            <h4>订单来源</h4>
                            <p v-text="account.orderSource"></p>
                        </li>
                        <li  v-cloak>
                            <h4 style="float: left;">备注信息</h4>
                            <p style="width: 80%;" v-if="Isshow">{{remark}}</p>
                            <textarea class="form_control" id="remarkText" maxlength="500" v-else v-model="account.remark">{{remark}}</textarea>
                        </li>
                    </ol>
                </div>
            </li>
        </ul>
        <div style="text-align: center;" id="edit_submit" class="noprint">
            <button class="primary_btn" @click.stop="saveEdit">保存</button>
            <button class="default_btn" @click.stop="noEdit">取消</button>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/back/rent/rental/detail-rental.js" custom></script>